<template>
    <div class="file-display">
        <SvgIcon class="file-icon" :icon-class="isCatalog ? 'folder': 'file'"></SvgIcon>
        <slot></slot>
    </div>
</template>
<script lang="ts" setup>
const props = defineProps({
    isCatalog: {
        type: Boolean,
        default: false,
    },
});
</script>
<style lang="scss" scoped>
.file-display {
    display: inline-block;
    color: #1B181B;
    font-size: 14px;
    :deep(.file-icon) {
        vertical-align: middle;
    }
}
</style>